<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="../lib/index.css">
		<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
		
	</head>
	<body>
		<h1>hhh</h1>
		<div id="app">{{firstName}}
			<el-row>
				<el-button>默认按钮</el-button>
				<el-button type="primary">主要按钮</el-button>
				<el-button type="success">成功按钮</el-button>
				<el-button type="info">信息按钮</el-button>
				<el-button type="warning">警告按钮</el-button>
				<el-button type="danger">危险按钮</el-button>
			</el-row>
			<div style="height: 1000px;">
				<vue-screen-design></vue-screen-design>
			</div>
		</div>
		<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
		<script src="https://unpkg.com/element-ui/lib/index.js"></script>
		<script type="text/javascript" src="../lib/index.umd.min.js"></script>
		<script type="text/javascript">
		    var app = new Vue({
		      el: '#app',
			  components:{
				 vueScreenDesign:window.vueScreenDesign
			  },
		      data: {
				firstName:'hello'
		      },
		      methods: {
		        handleSubmit(data) {
		          this.$message.success("查看控制台")
		          console.log(data)
		        }
		      }
		    })
		</script>
	</body>
</html>
